// !舍弃该方案，书写麻烦

$themes: (
  light: (
    // globalColor: #333, 不在这里设置全局基准字体颜色，否则选择器权重高不好覆盖

    navBarBgColor: #264765, //顶部navBar背景颜色

    //左侧栏背景
    asideBgColor: #fff,
    //左侧栏底部背景
    asideFooterBgColor: #f6f6f6,
    //缩放按钮颜色
    asideCollapseColor: #000,
    //默认aside的右边1px边框，底部顶端同样，可设置为透明去除
    asideBorderColor: #dcdfe6,
    
    // 菜单正常 - 菜单项背景为透明
    //菜单项字体颜色
    asideMenuTextColor: #303133,
    //菜单项图标颜色
    asideMenuIconColor: #909399,

    // 菜单hover
    //hover菜单项背景颜色
    asideMenuHoverBgColor: #e6eefb,
    //hover菜单项字体颜色
    asideMenuHoverTextColor: #0052d9,
    //hover菜单项图标颜色
    asideMenuHoverIconColor: #0052d9,

    // 菜单active
    //acitve菜单项背景颜色
    asideMenuActiveBgColor: #e6eefb,
    //acitve菜单项字体颜色
    asideMenuActiveTextColor: #0052d9,
    asideMenuActiveIconColor: #0052d9, //acitve菜单项图标颜色,

    layoutMainBgColor: #f6f6f6,

    cardBgColor: #fff
  ),
  dark: (
    globalColor: #ffffcc,

    navBarBgColor: #001529, //顶部navBar背景颜色

    asideBgColor: #001529,
    asideFooterBgColor: #001529,
    asideCollapseColor: #fff,
    asideBorderColor: transparent,
    // 菜单正常
    asideMenuTextColor: #b3b9bf,
    asideMenuIconColor: #b3b9bf,
    // 菜单hover
    asideMenuHoverBgColor: transparent,
    asideMenuHoverTextColor: #ffffff,
    asideMenuHoverIconColor: #ffffff,
    // 菜单active
    asideMenuActiveBgColor: transparent,
    asideMenuActiveTextColor: #ffffff,
    asideMenuActiveIconColor: #ffffff,

    layoutMainBgColor: #000,

    cardBgColor: #151515
  ),
);

@mixin themeify {
  @each $theme-name, $theme-map in $themes {
    //!global 提升变量
    $theme-map: $theme-map !global;
    //&嵌套 @content插槽
    [data-theme="#{$theme-name}"] & {
      @content;
    }
  }
}

@function get($key) {
  @return map-get($theme-map, $key);
}